/* enum */
import ComponentNameEnum from "@model/enum/ComponentNameEnum";
/* vue */
import { defineComponent } from "vue";
/* scss */
import "@gpt/components/prompt-word/index.scss";

enum SettingGPTPromptWordContentEventEnum {
  Change = 'change',
  Click = 'click'
}

export default defineComponent({
  name: ComponentNameEnum.SettingGPTPromptWordContent,
  emits: [
    SettingGPTPromptWordContentEventEnum.Change,
    SettingGPTPromptWordContentEventEnum.Click
  ],
  props: {
    onChange: {
      type: Function
    }
  },
  data() {
    return {
      
    }
  },
  computed: {
    classNames(): Record<string, boolean> {
      return {
        [ComponentNameEnum.SettingGPTPromptWordContent]: true
      }
    }
  },
  methods: {
    
  },
  render() {
    return (
      <div class={this.classNames}>
        
        <div class="setting-gpt-prompt-word-content__left">
          { this.$slots.left  }
        </div>
        
        <div class="setting-gpt-prompt-word-content__right">
          { this.$slots.right }
        </div>
        
      </div>
    )
  }
});